<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

    <title>@yield('title')-管理后台</title>

    <!-- Bootstrap core CSS -->
    <link href="{{asset('assets/assets/css/bootstrap.css')}}" rel="stylesheet">
    <!--external css-->
    <link href="{{asset('assets/assets/font-awesome/css/font-awesome.css')}}" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="{{asset('assets/assets/css/zabuto_calendar.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/assets/js/gritter/css/jquery.gritter.css')}}" />
    <link rel="stylesheet" type="text/css" href="{{asset('assets/assets/lineicons/style.css')}}">    
    
    <!-- Custom styles for this template -->
    <link href="{{asset('assets/assets/css/style.css')}}" rel="stylesheet">
    <link href="{{asset('assets/assets/css/style-responsive.css')}}" rel="stylesheet">
    <script src="{{asset('assets/assets/js/chart-master/Chart.js')}}"></script>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    .error{color:red;}
    </style>
    @section( 'style' )
        <!-- load css here -->
    @show

  </head>

  <body>

  <section id="container" >
        <!-- **********************************************************************************************************************************************************
        TOP BAR CONTENT & NOTIFICATIONS
        *********************************************************************************************************************************************************** -->
        <!--header start-->
        @include('public.admin.header')
        <!--header end-->

        <!-- **********************************************************************************************************************************************************
        MAIN SIDEBAR MENU
        *********************************************************************************************************************************************************** -->
        <!--sidebar start-->
        @include('public.admin.sidebar')

        <!--sidebar end-->

        <!-- **********************************************************************************************************************************************************
        MAIN CONTENT
        *********************************************************************************************************************************************************** -->
        <!--main content start-->
         @section('content')
        <!-- load main content here --> 
        @show
        

        <!--main content end-->
        <!--footer start-->
        @include('public.admin.footer')

        <!--footer end-->
    </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="{{asset('assets/assets/js/jquery.js')}}"></script>
    
    <script src="{{asset('assets/assets/js/jquery-1.8.3.min.js')}}"></script>
    <script src="{{asset('assets/assets/js/bootstrap.min.js')}}"></script>
    <script class="include" type="text/javascript" src="{{asset('assets/assets/js/jquery.dcjqaccordion.2.7.js')}}"></script>
    <script src="{{asset('assets/assets/js/jquery.scrollTo.min.js')}}"></script>
    <script src="{{asset('assets/assets/js/jquery.nicescroll.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/assets/js/jquery.sparkline.js')}}"></script>
    <script src="{{ asset('assets/layer/layer.js') }}"></script>
    <script src="{{ asset('assets/js/public.js') }}"></script>
    <!--common script for all pages-->
    <script src="{{asset('assets/assets/js/common-scripts.js')}}"></script>
    
    <script type="text/javascript" src="{{asset('assets/assets/js/gritter/js/jquery.gritter.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/assets/js/gritter-conf.js')}}"></script>

    <!--script for this page-->
    <script src="{{asset('assets/assets/js/sparkline-chart.js')}}"></script>    
	<script src="{{asset('assets/assets/js/zabuto_calendar.js')}}"></script>	
	
	<script type="text/javascript">
        $(document).ready(function () {
        var unique_id = $.gritter.add({
            // (string | mandatory) the heading of the notification
            title: '欢迎登陆后台',
            // (string | mandatory) the text inside the notification
            text: "{{auth('admin')->user()->name}}",
            // (string | optional) the image to display on the left
            image: "{{asset('assets/assets/img/ui-sam.jpg')}}",
            // (bool | optional) 是否消失 
            sticky: false,
            // 消失前悬停时间
            time: '1000',
            // (string | optional) the class name you want to apply to that specific message
            class_name: 'my-sticky-class'
        });

        return false;
        });
	</script>
	
	<script type="application/javascript">
        $(document).ready(function () {
            $("#date-popover").popover({html: true, trigger: "manual"});
            $("#date-popover").hide();
            $("#date-popover").click(function (e) {
                $(this).hide();
            });
        
            $("#my-calendar").zabuto_calendar({
                action: function () {
                    return myDateFunction(this.id, false);
                },
                action_nav: function () {
                    return myNavFunction(this.id);
                },
                ajax: {
                    url: "show_data.php?action=1",
                    modal: true
                },
                legend: [
                    {type: "text", label: "Special event", badge: "00"},
                    {type: "block", label: "Regular event", }
                ]
            });
        });
        
        
        function myNavFunction(id) {
            $("#date-popover").hide();
            var nav = $("#" + id).data("navigation");
            var to = $("#" + id).data("to");
            console.log('nav ' + nav + ' to: ' + to.month + '/' + to.year);
        }
        </script>
     @section('script')
        <!-- load javascript here --> 
    @show

  </body>
</html>
